import re
import os

file_path = r'f:\phpstudy_pro\WWW\keep_new\pages\emotion-test\test-result.vue'

css_content = r'''
.page {
  background-color: rgba(245, 246, 249, 1);
  position: relative;
  width: 375px;
  height: 2962px;
  overflow: hidden;
}

.image_1 {
  width: 457px;
  height: 812px;
}

.box_1 {
  height: 938px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2c9fb9b1fca82b3a54ba49c143d1f116a49147f0c6db157b296c21efc13fb388)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 123px;
  width: 375px;
}

.box_28 {
  width: 94px;
  height: 225px;
  margin-top: 161px;
}

.box_2 {
  width: 94px;
  height: 225px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfcfa5a61597ec01d212eb7889e266cadfb9d3f953ebfe8d48026d849b7edcf43)
    100% no-repeat;
  background-size: 100% 100%;
}

.box_29 {
  width: 37px;
  height: 78px;
  margin: 84px 0 390px 338px;
}

.block_1 {
  width: 37px;
  height: 78px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9bf090efed1d936a8b8bb6fa5430c66b8de23cdd3dafdd0a7c58507a3fb00d85)
    100% no-repeat;
  background-size: 100% 100%;
}

.image_2 {
  width: 375px;
  height: 938px;
  margin: -7px 0 158px 0;
}

.box_3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 375px;
  height: 936px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6e9bcc174ee9e2774d0d29a644980d3ac63beaa0051d68055de2c238cd6e7ca4)
    100% no-repeat;
  background-size: 100% 100%;
}

.group_3 {
  width: 375px;
  height: 44px;
}

.text_34 {
  width: 54px;
  height: 18px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 15px;
  letter-spacing: -0.30000001192092896px;
  font-family: SFProText-Semibold;
  text-align: center;
  white-space: nowrap;
  line-height: 18px;
  margin: 14px 0 0 21px;
}

.section_8 {
  width: 17px;
  height: 11px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1be20f0eced1f466b6b4dc3a981fc6b52a4b9cf391debed94bcf2e01f7c38668)
    0px -1px no-repeat;
  background-size: 17px 12px;
  margin: 18px 0 0 219px;
}

.section_9 {
  width: 15px;
  height: 11px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb3bbe96fea0140cfc24043ebc96677b3c6566f6cd0b99cb137439fb58271c764)
    0px 0px no-repeat;
  background-size: 16px 12px;
  margin: 17px 0 0 5px;
}

.section_10 {
  width: 25px;
  height: 12px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga05957db16243a63d7c74f823baeb36bbafa63e1b3e30902724223c367fb5eeb)
    100% no-repeat;
  background-size: 100% 100%;
  margin: 17px 14px 0 5px;
}

.group_4 {
  width: 375px;
  height: 44px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb9a259ffce10467f3bfb01b91cc4617a984cfe62b3a6ebdf81296f617dc10da3)
    100% no-repeat;
  background-size: 100% 100%;
}

.block_16 {
  width: 7px;
  height: 15px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7239656a207b2812d89c79161380255a5a507609dc315e9224fa5448bba16f85) -1px -1px
    no-repeat;
  background-size: 9px 17px;
  margin: 15px 0 0 28px;
}

.section_2 {
  width: 100px;
  height: 44px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng760197e29247e4fdd1d8640337694eb852a99b9e1b685148110965400ca8fbdb)
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: 240px;
}

.group_5 {
  width: 86px;
  height: 121px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga5b62747a4b644e15c82557f952fff4d215a6947a643af0372f62eea7ffae29c)
    100% no-repeat;
  background-size: 100% 100%;
  margin: 255px 0 472px 289px;
}

.group_6 {
  position: absolute;
  left: 20px;
  top: 107px;
  width: 335px;
  height: 253px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng25b6dcf8fe13dd47e2b55fcac3a4fba57de95849c56945b38ea0d4b372105719)
    100% no-repeat;
  background-size: 100% 100%;
}

.group_22 {
  width: 172px;
  height: 29px;
  margin: 16px 0 0 49px;
}

.thumbnail_1 {
  width: 14px;
  height: 11px;
  margin-top: 18px;
}

.text_2 {
  width: 108px;
  height: 25px;
  overflow-wrap: break-word;
  color: rgba(31, 31, 31, 1);
  font-size: 18px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
}

.group_23 {
  width: 173px;
  height: 130px;
  margin: 6px 0 0 111px;
}

.image-text_11 {
  width: 112px;
  height: 130px;
}

.block_2 {
  border-radius: 50%;
  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/5a3ca64ca6e74058a56e12c9921bd36d_mergeImage.png);
  width: 102px;
  height: 102px;
  margin-left: 5px;
}

.text-group_1 {
  width: 112px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 8px;
}

.box_9 {
  width: 10px;
  height: 13px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng06df8c89d0b07bc73d686b212b399a8fb2459d6e2830796847c85b879d74c7b8)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 76px;
}

.group_24 {
  width: 255px;
  height: 18px;
  margin: 9px 0 45px 40px;
}

.text-wrapper_1 {
  background-color: rgba(254, 150, 125, 1);
  border-radius: 9px;
  height: 18px;
  width: 51px;
}

.text_3 {
  width: 33px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 11px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  margin: 1px 0 0 9px;
}

.text-wrapper_2 {
  background-color: rgba(255, 212, 81, 1);
  border-radius: 9px;
  height: 18px;
  margin-left: 6px;
  width: 73px;
}

.text_4 {
  width: 55px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 11px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  margin: 1px 0 0 9px;
}

.text-wrapper_3 {
  background-color: rgba(234, 158, 255, 1);
  border-radius: 9px;
  height: 18px;
  margin-left: 6px;
  width: 51px;
}

.text_5 {
  width: 33px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 11px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  margin: 1px 0 0 9px;
}

.text-wrapper_4 {
  background-color: rgba(70, 204, 255, 1);
  border-radius: 9px;
  height: 18px;
  margin-left: 6px;
  width: 62px;
}

.text_6 {
  width: 44px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 11px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  margin: 1px 0 0 9px;
}

.group_7 {
  position: absolute;
  left: 20px;
  top: 372px;
  width: 335px;
  height: 279px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3e535cdfb610a48a3ba45c885d5f95fae4b44132216d5ebc8a25f51f08bd72cc)
    100% no-repeat;
  background-size: 100% 100%;
}

.section_11 {
  position: relative;
  width: 214px;
  height: 33px;
  margin: 32px 0 0 61px;
}

.box_11 {
  width: 25px;
  height: 21px;
  background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/6c8294bdf739482fa323f6df56073409_mergeImage.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.box_12 {
  width: 155px;
  height: 12px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc65f636f430d0162d018d4191e9d88c60b533de6c0202b3736b603f4c2afc3b6)
    100% no-repeat;
  background-size: 100% 100%;
  margin: 20px 0 0 4px;
}

.thumbnail_2 {
  width: 18px;
  height: 15px;
  margin: 18px 0 0 12px;
}

.text_7 {
  text-shadow: 0px 1px 0px rgba(255, 246, 246, 1);
  position: absolute;
  left: 29px;
  top: 3px;
  width: 155px;
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 22px;
  text-align: left;
  white-space: nowrap;
  line-height: 30px;
}

.section_12 {
  width: 228px;
  height: 24px;
  margin: 8px 0 0 53px;
}

.text_8 {
  width: 228px;
  height: 18px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.group_8 {
  width: 24px;
  height: 10px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge86b56ee4eaef3317ab5cbac71cfdbbf0d827d48947cad7526eb65ee2b1facf9)
    100% no-repeat;
  background-size: 100% 100%;
  margin: 14px 21px 0 -45px;
}

.section_13 {
  width: 298px;
  height: 17px;
  margin: 25px 0 0 16px;
}

.text_9 {
  width: 40px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
}

.group_9 {
  height: 10px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng028e59b11e7e862d08ac09c6e886af791572770afbf3e27046ac7ac00258f6ef)
    100% no-repeat;
  background-size: 100% 100%;
  width: 73px;
  margin: 4px 0 0 6px;
}

.box_13 {
  width: 5px;
  height: 10px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng88856ba82751d5f56b97fff2d3a93f5c56142bbd907acb4ed8715455e66f6f80)
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: 68px;
}

.group_10 {
  background-color: rgba(254, 150, 125, 1);
  border-radius: 1px;
  width: 134px;
  height: 10px;
  margin: 4px 0 0 2px;
}

.text_10 {
  width: 35px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(248, 135, 108, 1);
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-left: 8px;
}

.section_14 {
  width: 303px;
  height: 17px;
  margin: 11px 0 0 16px;
}

.text_11 {
  width: 42px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(237, 188, 38, 1);
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
}

.image_3 {
  width: 99px;
  height: 10px;
  margin: 4px 0 0 5px;
}

.box_14 {
  background-color: rgba(235, 235, 235, 1);
  border-radius: 1px;
  height: 10px;
  width: 107px;
  margin: 4px 0 0 2px;
}

.section_3 {
  width: 5px;
  height: 10px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng685d96614c37d255ab383444773cb0ead914c77c02ea0ecce9f85669051f04b8)
    100% no-repeat;
  background-size: 100% 100%;
}

.text_12 {
  width: 40px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-left: 8px;
}

.section_15 {
  width: 303px;
  height: 17px;
  margin: 12px 0 0 16px;
}

.text_13 {
  width: 39px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
}

.image_4 {
  width: 74px;
  height: 10px;
  margin: 4px 0 0 8px;
}

.block_8 {
  background-color: rgba(234, 158, 255, 1);
  border-radius: 1px;
  width: 134px;
  height: 10px;
  margin-top: 4px;
}

.text_14 {
  width: 40px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(225, 133, 250, 1);
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-left: 8px;
}

.section_16 {
  width: 303px;
  height: 17px;
  margin: 11px 0 55px 16px;
}

.text_15 {
  width: 39px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(54, 187, 237, 1);
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
}

.image_5 {
  width: 99px;
  height: 10px;
  margin: 4px 0 0 8px;
}

.section_4 {
  background-color: rgba(235, 235, 235, 1);
  border-radius: 1px;
  width: 108px;
  height: 10px;
  margin: 4px 0 0 1px;
}

.text_16 {
  width: 40px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-left: 8px;
}

.group_11 {
  height: 39px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e4bebd78d1282071539805a93a8f305078def06ca64b52bb77de8bb7e0f1614)
    100% no-repeat;
  background-size: 100% 100%;
  width: 124px;
  position: absolute;
  left: 125px;
  top: 638px;
}

.section_5 {
  width: 124px;
  height: 39px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e4bebd78d1282071539805a93a8f305078def06ca64b52bb77de8bb7e0f1614)
    100% no-repeat;
  background-size: 100% 100%;
}

.group_12 {
  height: 38px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb7395362b525f2e1f8eadcde54c4c5f188c4de2f05bcfd45a77c74408ac470a4)
    100% no-repeat;
  background-size: 100% 100%;
  width: 124px;
  position: absolute;
  left: 125px;
  top: 348px;
}

.box_15 {
  height: 38px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb7395362b525f2e1f8eadcde54c4c5f188c4de2f05bcfd45a77c74408ac470a4)
    100% no-repeat;
  background-size: 100% 100%;
  width: 124px;
}

.group_13 {
  width: 124px;
  height: 38px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb7395362b525f2e1f8eadcde54c4c5f188c4de2f05bcfd45a77c74408ac470a4)
    100% no-repeat;
  background-size: 100% 100%;
}

.box_16 {
  position: absolute;
  left: 20px;
  top: 663px;
  width: 335px;
  height: 403px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng10d133b8c6ed177c3bee13c3ad20a53a47cf6121a79b43e1c6588db02833f2ce)
    100% no-repeat;
  background-size: 100% 100%;
}

.text-wrapper_5 {
  position: relative;
  width: 230px;
  height: 28px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1ae61fe73407a1ab7871050b6763e9bf7aa7ed52bf0fe33d24e8cdb6b19d9478)
    100% no-repeat;
  background-size: 100% 100%;
  margin: 30px 0 0 52px;
}

.text_17 {
  text-shadow: 0px 2px 4px rgba(73, 12, 12, 0.04);
  width: 104px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 210, 174, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 3px 0 0 63px;
}

.text_18 {
  text-shadow: 0px 2px 4px rgba(73, 12, 12, 0.04);
  position: absolute;
  left: 63px;
  top: 2px;
  width: 104px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.image-text_12 {
  width: 293px;
  height: 160px;
  margin: 19px 0 0 19px;
}

.block_10 {
  width: 13px;
  height: 13px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng02e89d87c01ea64691d842efd2f679f773dd15adc41940063482ce39735297e5) -1px -1px
    no-repeat;
  background-size: 15px 15px;
  margin-top: 3px;
}

.text-group_2 {
  width: 274px;
  height: 160px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}

.group_25 {
  width: 293px;
  height: 100px;
  margin: 19px 0 47px 19px;
}

.block_11 {
  width: 13px;
  height: 13px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5d5e71ae70ecff943aa76a1fb076286a89fd1c7c0e3ad2a864d46313091b7759) -1px -1px
    no-repeat;
  background-size: 15px 14px;
  margin-top: 3px;
}

.text-wrapper_6 {
  width: 274px;
  height: 100px;
  overflow-wrap: break-word;
  font-size: 0;
  text-align: left;
  line-height: 20px;
}

.text_19 {
  width: 274px;
  height: 100px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}

.text_20 {
  width: 274px;
  height: 100px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}

.text_21 {
  width: 274px;
  height: 100px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}

.box_18 {
  height: 38px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb7395362b525f2e1f8eadcde54c4c5f188c4de2f05bcfd45a77c74408ac470a4)
    100% no-repeat;
  background-size: 100% 100%;
  width: 124px;
  position: absolute;
  left: 105px;
  top: 389px;
}

.box_19 {
  width: 124px;
  height: 38px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb7395362b525f2e1f8eadcde54c4c5f188c4de2f05bcfd45a77c74408ac470a4)
    100% no-repeat;
  background-size: 100% 100%;
}

.box_20 {
  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/1b911e33637e4963acf081c59cf7afdc_mergeImage.png);
  position: absolute;
  left: 294px;
  top: 325px;
  width: 99px;
  height: 53px;
}

.box_21 {
  position: absolute;
  left: 20px;
  top: 1078px;
  width: 335px;
  height: 862px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng387b895dd1f28d5ba3ace6205f0cfdd08ab950900e0a52414893ab13c122661a)
    100% no-repeat;
  background-size: 100% 100%;
}

.text-wrapper_7 {
  position: relative;
  width: 230px;
  height: 28px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngedc60cc868643967eb156d7eb3db734c613c697729a273b9f8b354d85a550019)
    100% no-repeat;
  background-size: 100% 100%;
  margin: 30px 0 0 52px;
}

.text_22 {
  text-shadow: 0px 2px 4px rgba(73, 12, 12, 0.04);
  width: 104px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 201, 206, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 3px 0 0 63px;
}

.text_23 {
  text-shadow: 0px 2px 4px rgba(73, 12, 12, 0.04);
  position: absolute;
  left: 63px;
  top: 2px;
  width: 104px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.image-text_13 {
  width: 293px;
  height: 80px;
  margin: 19px 0 0 19px;
}

.group_14 {
  width: 13px;
  height: 13px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc0bb6f988542d30823af8d5782db5ce59a30f0b24acf67e925c53e9f87d08a75) -1px -1px
    no-repeat;
  background-size: 15px 14px;
  margin-top: 5px;
}

.text-group_3 {
  width: 274px;
  height: 80px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}

.image-text_14 {
  width: 295px;
  height: 339px;
  margin: 19px 0 0 17px;
}

.group_15 {
  width: 15px;
  height: 193px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb8a320b0348770fefe190ec03aa7ef6a6558dad75f4a3fa373d0afdb671e5a92) -5px -4px
    no-repeat;
  background-size: 24px 203px;
  margin-top: 3px;
}

.text-group_11 {
  width: 274px;
  height: 339px;
}

.text_24 {
  width: 274px;
  height: 160px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}

.text_25 {
  width: 274px;
  height: 160px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  text-align: left;
  line-height: 20px;
  margin-top: 19px;
}

.group_16 {
  height: 43px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng87c19fe7b298b3db23e9836b066f9ee53c0ef2296ba8676f223a5b4eccc46dff)
    100% no-repeat;
  background-size: 100% 100%;
  width: 177px;
  position: relative;
  margin: 38px 0 0 79px;
}

.text_26 {
  width: 103px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  letter-spacing: 1.100000023841858px;
  font-family: ZhenyanGB-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin: 13px 0 0 37px;
}

.group_17 {
  position: absolute;
  left: 2px;
  top: -2px;
  width: 24px;
  height: 19px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngad73fe63cd176e44a46ed2f5f53503c8bc2d3a79d24213d4f64bf984dbebb814)
    100% no-repeat;
  background-size: 100% 100%;
}

.section_17 {
  width: 284px;
  height: 20px;
  margin: 20px 0 0 22px;
}

.image-text_15 {
  width: 121px;
  height: 20px;
}

.thumbnail_3 {
  width: 17px;
  height: 17px;
  margin-top: 2px;
}

.text-group_5 {
  width: 96px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.image-text_16 {
  width: 125px;
  height: 20px;
}

.thumbnail_4 {
  width: 17px;
  height: 17px;
  margin-top: 2px;
}

.text-group_6 {
  width: 100px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.section_18 {
  width: 291px;
  height: 40px;
  margin: 22px 0 0 21px;
}

.thumbnail_5 {
  width: 11px;
  height: 10px;
  margin-top: 5px;
}

.text_27 {
  width: 274px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}

.section_19 {
  width: 291px;
  height: 100px;
  margin: 19px 0 45px 21px;
}

.thumbnail_6 {
  width: 11px;
  height: 10px;
  margin-top: 4px;
}

.text_28 {
  width: 274px;
  height: 100px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}

.image_6 {
  position: absolute;
  left: 270px;
  top: 805px;
  width: 85px;
  height: 86px;
}

.label_1 {
  position: absolute;
  left: 295px;
  top: 667px;
  width: 23px;
  height: 35px;
}

.box_22 {
  position: absolute;
  left: 0;
  top: 1985px;
  width: 375px;
  height: 977px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng386db459138ae3a22459efd632416946537930234fb92556e4e72bcc6d7702ee)
    100% no-repeat;
  background-size: 100% 100%;
}

.text-wrapper_8 {
  text-shadow: 0px 1px 1px rgba(138, 0, 0, 0.07);
  background-image: linear-gradient(
    225deg,
    rgba(73, 80, 107, 1) 0,
    rgba(58, 36, 36, 1) 100%
  );
  width: 120px;
  height: 24px;
  overflow-wrap: break-word;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0;
  font-family: AlimamaShuHeiTi-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 16px 0 0 127px;
}

.text_29 {
  width: 120px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 108, 108, 1);
  font-size: 20px;
  font-family: AlimamaShuHeiTi-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}

.text_30 {
  width: 120px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 20px;
  font-family: AlimamaShuHeiTi-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}

.section_20 {
  width: 92px;
  height: 14px;
  margin: 1px 0 0 114px;
}

.block_12 {
  width: 13px;
  height: 14px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd254e0683c67c0f3632a0b949b2db33acd28db9c8441075a79dcec8092f457d3)
    0px -1px no-repeat;
  background-size: 13px 15px;
}

.block_13 {
  width: 74px;
  height: 9px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd96f74bb51f4d93ea1eb6efd82a96e5e80d43de20914f63200addc017cdfb128) -2px -1px
    no-repeat;
  background-size: 77px 11px;
  margin-top: 3px;
}

.grid_2 {
  width: 345px;
  height: 524px;
  flex-wrap: wrap;
  margin: 41px 0 0 15px;
}

.list-items_1 {
  width: 168px;
  height: 256px;
  background-size: 100% 100%;
  margin: 0 9px 12px 0;
}

.list-items_1:nth-child(2n) {
  margin-right: 0;
}
.list-items_1:nth-last-child(-n + 2) {
  margin-bottom: 0;
}

.image-text_17 {
  width: 168px;
  height: 187px;
}

.image_7 {
  width: 168px;
  height: 157px;
}

.text-group_12 {
  width: 79px;
  height: 22px;
  margin: 8px 0 0 12px;
}

.text_31 {
  width: 48px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(37, 37, 37, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_32 {
  width: 17px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(37, 37, 37, 1);
  font-size: 16px;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.section_6 {
  background-color: rgba(37, 37, 37, 1);
  border-radius: 50%;
  width: 2px;
  height: 2px;
  margin: -12px 0 10px 66px;
}

.text_33 {
  width: 124px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-left: 12px;
}

.section_7 {
  width: 144px;
  height: 32px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng55f78a2233a0997fad65c0dd158e37bc8cc3febcaf69a18782a6a761dedb96a2) -7px -6px
    no-repeat;
  background-size: 158px 46px;
  margin: 12px 0 8px 12px;
}

.image-text_18 {
  width: 86px;
  height: 24px;
  margin: 4px 0 0 29px;
}

.box_24 {
  width: 24px;
  height: 24px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0ed904a555e4a7e0cb07a1f5ef511f2f3f7948e8b7a8ed524618f93c469cdded) -6px -6px
    no-repeat;
  background-size: 36px 36px;
}

.text-group_8 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  text-align: right;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 2px;
}

.image-text_19 {
  width: 74px;
  height: 20px;
  margin: 24px 0 0 150px;
}

.text-group_9 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.block_14 {
  width: 16px;
  height: 16px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4bb5f343e581bb12c4e5314596005fb67b0b742a1e01882809d9ec1d0def96b2)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 2px;
}

.list_2 {
  width: 335px;
  height: 181px;
  justify-content: space-between;
  margin: 58px 0 74px 20px;
}

.image-text_10 {
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.04);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 24px;
  width: 335px;
  height: 49px;
  margin-bottom: 17px;
}

.group_21 {
  width: 18px;
  height: 18px;
  background-size: 100% 100%;
  margin: 15px 0 0 122px;
}

.text-group_10 {
  width: 85px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 17px;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 12px 124px 0 0;
}

.box_25 {
  position: absolute;
  left: 236px;
  top: 37px;
  width: 24px;
  height: 22px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8dd416cac2dd7fe3a1665845f3e3c88635afcea3faa1151ccedf526e6078c301) -1px -1px
    no-repeat;
  background-size: 25px 24px;
}

.box_26 {
  position: absolute;
  left: 116px;
  top: 14px;
  width: 12px;
  height: 10px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng509df39a4252215e9f95cf2ad9fde3def029d0eed6856942d9c544933c714f08) -2px -2px
    no-repeat;
  background-size: 15px 13px;
}

.box_27 {
  height: 58px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngba217f349ae4c51f3486742f8574c84a91faa540f2a1dfa5970bde11dfeea41b)
    19px -6px no-repeat;
  background-size: 49px 69px;
  width: 61px;
  position: absolute;
  left: -19px;
  top: 35px;
}

.block_15 {
  width: 40px;
  height: 52px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngac96feb248df5e9273632f8640a3261eacb313b46327c9d702f908ec97b6b91a)
    100% no-repeat;
  background-size: 100% 100%;
  margin: -3px 0 0 19px;
}
'''

# Double all pixel values and append 'rpx'
def convert_to_rpx(match):
    val = int(match.group(1))
    return f"{val * 2}rpx"

converted_css = re.sub(r'(\d+)px', convert_to_rpx, css_content)

# Fix for .page specifically
converted_css = re.sub(r'\.page\s*\{[^}]*\}', 
    '.page {\n  background-color: rgba(245, 246, 249, 1);\n  position: relative;\n  width: 750rpx;\n  min-height: 100vh;\n  overflow-x: hidden;\n  overflow-y: auto;\n}', 
    converted_css, count=1)

# Also add the common utility classes which were present in the file
common_css = '''
/* 通用辅助类 */
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-between {
  justify-content: space-between;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}

/* 蓝湖生成的样式 */
'''

final_css_block = "<style scoped>\n" + common_css + converted_css + "\n</style>"

# Read the existing file
with open(file_path, 'r', encoding='utf-8') as f:
    content = f.read()

# Regex to replace the <style scoped>...</style> block
# Note: The previous style block started with <style scoped>
# We also need to handle if it was <style> or <style scoped>
# The last read showed <style scoped>
new_content = re.sub(r'<style.*?>.*?</style>', final_css_block, content, flags=re.DOTALL)

with open(file_path, 'w', encoding='utf-8') as f:
    f.write(new_content)

print("Successfully updated CSS in test-result.vue")
